<div id="div_nova_grade">
<p style="font-size: 14px">Registro de Hor&aacute;rio</p>
<br />
<form>
    <table>
        <tr>
            <td>Disciplina</td>
            <td>Professor</td>
            <td>1º Bimestre</td>
            <td>2º Bimestre</td>
            <td>3º Bimestre</td>
            <td>4º Bimestre</td>
        </tr>
        <tr>
            <td>
                <select id="disciplinaGrade">
                    <option value="">Selecione uma disciplina</option>
                    <?php $this->load->view('disciplina/inc/cbo_disciplina'); ?>
                </select>
            </td>
            <td>
                <select id="professorGrade">
                    <option value="">Selecione um professor</option>
                    <?php $this->load->view('funcionario/inc/cbo_docente'); ?>
                </select>
            </td>
            <td>
                <input type="text" id="1bim" size="10"/>
            </td>
            <td>
                <input type="text" id="2bim" size="10" />
            </td>
            <td>
                <input type="text" id="3bim" size="10" />
            </td>
            <td>
                <input type="text" id="4bim" size="10" />
            </td>
        </tr>
        <tr><td colspan="6">&nbsp;</td></tr>
        <tr>
            <td colspan="6">
                <div align="center">
                    <input type="hidden" id="turmaId" value="<?= $turmaId?>" />
                    <input type="hidden" id="serieCod" value="<?= $serieCod ?>" />
                    <input type="button" id="btnSalvarGrade" value="Salvar Hor&aacute;rio" />
                </div>
            </td>
        </tr>
    </table>
  
</form>
</div>
<script>
    
    $('#btnSalvarGrade').click(function(){
        
        var primeiroBim = jQuery('input[id="1bim"]').val();
        var segundoBim = jQuery('input[id="2bim"]').val();
        var terceiroBim = jQuery('input[id="3bim"]').val();
        var quartoBim = jQuery('input[id="4bim"]').val();
        var turmaId = jQuery('input[id="turmaId"]').val();
        var serieCod = jQuery('input[id="serieCod"]').val();
        var disciplinaCod = jQuery('select[id="disciplinaGrade"]').val();
        var professorCod = jQuery('select[id="professorGrade"]').val();
        
        jQuery.ajax( {
            type: "POST",
            url: '?c=c_grade_horaria&m=gravarHorario',
            cache: false,
            data: {
                primeiroBim:primeiroBim,
                segundoBim:segundoBim,
                terceiroBim:terceiroBim,
                quartoBim:quartoBim,
                turmaId:turmaId,
                disciplinaCod:disciplinaCod,
                professorCod:professorCod,
                serieCod:serieCod
            },
            beforeSend: function (){
                $('#div_body').addClass("div_carregando");
            },
            complete:  function(){
                $('#div_body').removeClass("div_carregando");

            },
            success: function(data){
               
                var dados = data.split('@');
                
                if(dados[0] == true){
                    
                    jQuery.ajax( {
                        type: "POST",
                        url: '?c=c_grade_horaria&m=loadGrade',
                        cache: false,
                        data: {turmaId:turmaId},
                        success: function(data){

                            $('#div_lista_grade').html(data);
                            
                            jQuery(document).trigger('close.facebox');
                        }
                    });
                    
//                    $('#div_lista_grade').append(dados[1]);
                    
                    
                }                    
                else
                    alert('Erro ao gravar. Tente novamente');
            }
        });
        
    });

</script>